html,body{
  width: 100%;
  height: 100%;
  background-color: #F2F2F2;
  font-family: pingFangS;
}


/* 去除header与内容之间的线条 */
/deep/.u-border-bottom:after {
	height: 0 !important;
}

.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
}
.line-two{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.line-three{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
}


/* 清除浮动 */
.tp-clear:after{content:'';display:block;clear:both;height:0}




// 80rpx=40px
/* 公共头部 */
.header{
	width: 100%;
	height: 80rpx;
	// background: #1C88C8;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
}
.header .left{
	width: 80rpx;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.header .left .return{
	width: 35rpx;
	height: 35rpx;
}
.header .title{
	display: block;
	width: 100%;
	color: #fff;
	font-size: 32rpx;
	line-height: 80rpx;
	text-align: center;
}
.header .right{
	width: 80rpx;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}


// loading透明
.u-transition.u-fade-enter-to.u-fade-enter-active{
	background-color: rgba(255,255,255,.35)!important;
	z-index: 999999999;
}

// 顶部动画背景色
.top-bg{
	overflow: hidden;
	width: 2000rpx;
	height: 2000rpx;
	border-radius: 50%;
	background: radial-gradient(62.61% 62.61% at 95.23% 6.02%, #160E71 0%, rgba(19, 13, 92, 0.26) 54.71%, rgba(90, 35, 248, 0) 100%), linear-gradient(72.48deg, #EF516D 2.61%, rgba(106, 103, 227, 0) 56.18%), radial-gradient(45.23% 45.23% at 35.11% -11.02%, #7936AE 0%, rgba(121, 54, 174, 0) 100%), radial-gradient(94.51% 124.88% at 94.32% 94.43%, rgba(65, 244, 255, 0.78) 0%, rgba(131, 218, 255, 0.6552) 32.29%, rgba(99, 175, 240, 0.3978) 64.06%, rgba(43, 90, 211, 0) 100%), linear-gradient(313.04deg, #341D65 0.93%, #604AEA 125.68%);
	background-blend-mode: normal, normal, normal, normal, normal, normal;
	filter: blur(50rpx);
	position: fixed;
	top: -1600rpx;
	left: 50%;
	margin-left: -1000rpx;
	// animation: colorOne 3s ease infinite alternate;
	animation: colorOne 9s linear infinite
}

@keyframes colorOne {
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(-360deg);
	}
}





page {
  height: 100%;
}
.layer{
	width: 100%;
	min-height: 100%;
}